:root{--primary:#00AFF0;--bg:#FFF;--card-bg:#FFF;--text-dark:#242529;--text-gray:#8A96A3;--border:#E5E5E5;--shadow:0 1px 3px rgba(0,0,0,0.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Roboto',sans-serif;background-color:var(--bg);background-image:linear-gradient(#F0F2F5 1px,transparent 1px),linear-gradient(90deg,#F0F2F5 1px,transparent 1px);background-size:24px 24px;color:var(--text-dark);height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;line-height:1.5}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:480px;padding:20px}.card{background:var(--card-bg);border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow);padding:40px 32px;text-align:center;display:flex;flex-direction:column;align-items:center}.logo-wrap{margin-bottom:24px;width:180px}.logo-wrap img{width:100%;height:auto}h1{font-size:clamp(1.25rem,4vw,1.5rem);font-weight:700;margin-bottom:16px;color:var(--text-dark)}p{font-size:clamp(0.9rem,3vw,1rem);color:var(--text-gray);margin-bottom:32px;font-weight:400}.cta-btn{background-color:var(--primary);color:#fff;width:100%;padding:14px 20px;border-radius:999px;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;transition:background-color .2s ease,transform .1s ease}.cta-btn:hover{background-color:#0091c9}.cta-btn:active{transform:scale(0.98)}.cta-btn:focus{outline:2px solid var(--primary);outline-offset:2px}@media(max-width:480px){.card{padding:32px 20px;height:100vh;justify-content:center;border-radius:0;border:none}}